<template>
  <div id="app">
    <!--
      1. type 控制颜色
      2. plain 简约风, 背景半透明
      3. round 圆角 => 胶囊按钮
      4. circle 圆 =>  border-radius: 50%;
      5. size 大小
     -->
    <!--
      <el-button plain type="primary">蓝色</el-button>
      <el-button round type="success">绿色</el-button>
      <el-button circle type="info">灰色</el-button>
      <el-button type="warning">暗黄色</el-button>
      <el-button type="danger">红色</el-button>
      <el-button @click="fn" size="mini" type="danger">mini</el-button>
    -->
    <!-- 路由出口 -->
    <!-- <h2>322</h2> -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  methods: {
    fn () {
      this.$http.get('/app/').then(res => {
        console.log(res)
      })
    }
  }
}
</script>

<style lang="less">

</style>
